<template>
  <div>
    <mv-list :allMV="allMV"></mv-list>
  </div>
</template>

<script lang="ts">
import mvList from "../../../components/mvList.vue";
import { Vue, Component } from "vue-property-decorator";
import { MVInfo } from "@/model/music-info.model";
import { Route } from "vue-router";
import { APIType } from "@/api";
@Component({
  components: {
    mvList,
  },
})
export default class SimilarMVComponent extends Vue {
  allMV: MVInfo[] = [];

  $api: APIType;
  $route: Route;

  // 组件激活生命周期
  activated() {
    this.$api.getSimilarMV(this.$route.params.id).then((res) => {
      this.allMV = res.mvs;
    });
  }
}
</script>

<style lang="scss" scoped></style>
